<template>
    <p>父组件</p>
    <p>msg: {{ msg }}</p>
    <ChildCom :msg="msg" @childEmit="changeMsg" />
</template>


<script setup>
import {ref} from 'vue'
// 引入子组件
import ChildCom from './ChildCom.vue';

// 1. 定义一个变量，用来传给子组件
const msg = ref('这是父组件的信息')


// 子传父
// 2. 父组件，监听这个事件

// 3. 父组件，根据这个事件的触发，然后取得相应的值，子组件传上来的值
function changeMsg(childMsg) {
    console.log('222222');
    console.log('childMsg', childMsg);
    
    msg.value = childMsg
    
}

</script>